"Crisp Cabinet" (your Dry Food Mart system)
Project Overview
Crisp Cabinet is an online dry food mart platform developed using the MERN stack. The system enables users to browse, purchase, and manage a wide variety of dry food products. It supports multiple user roles, including customers, suppliers, inventory managers, delivery staff, and administrators, each with tailored dashboards and features.
Key Features
- User authentication and role-based dashboards (Admin, Supplier, Inventory, Delivery, Customer, Guest)
- Product browsing with detailed item pages and categories
- hopping cart and secure checkout process
- Order management for both customers and suppliers
- Supplier management and product supply tracking
- Inventory management with real-time updates
- News feed and hot deals section for promotions and updates
- PDF report generation for news and supplier data
- Responsive design for optimal experience on all devices
- Notification and feedback system (toast notifications)
- Modern UI with Material-UI and Tailwind CSS
Technologies Used
React.js (with Vite)
Node.js & Express.js (backend)
MongoDB (database)
Material-UI (MUI) and Tailwind CSS (UI/UX)
Axios (API requests)
jsPDF & jsPDF-Autotable (PDF generation)
JWT (authentication)
Nodemailer (email notifications)
Date-fns (date handling)
Perfect Scrollbar, React Toastify, and more
Project Gallery
